.gapBg1{
      margin: 20px auto;
    width: 1200px;
}

/* swiper */

.swiper{
    width: 100%;
    min-width: 1200px;
    height: 500px;
}

/* 热门资讯 */

.infoMixArea{
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.infoLf{
    width: 380px;

}
.infoTit{
    width: 380px;
    height: 35px;
    border-top:1px solid #e2e2e2;
}
.infoTitTex{
    display: inline-block;
    padding:0 15px;
    height: 35px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #0B820E;
    line-height: 35px;
    border-top: 2px solid #0B820E;;
}
.hotInfoList li{
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #272727;
    line-height: 34px;
}
.hotInfoList li::before{
    content: '\2022';
    color: #0B820E;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.zxImg{
    width: 377px;
    height: 153px;
    margin-top:10px;
}
.infoCe{
 
}
.zcTit{
    width: 450px;
    height: 35px;
    border-top:1px solid #e2e2e2;
}
.zcImg{
    width: 450px;
    height: 255px;
    box-sizing: border-box;
    border:1px solid #e2e2e2;
    margin-bottom: 20px;
} 

.zcInfoList li{
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #272727;
    line-height: 34px;
}


.noticeinfoRg{
    width: 300px;
    height: 490px;
    border: 1px solid #C1C1C1;
}
.memberArea{
    display: flex;
    padding:0 15px;
    flex-direction: column;
    align-items: center;
}
.memberTit{
    width: 300px;
    height: 35px;
}
.inputStyle{
    margin-top:15px;
    width: 265px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #C6C6C6;
}
.applyBtn{
    margin-top: 20px;
    display: inline-block;
    width: 265px;
    height: 40px;
    background: #0B820E;
    text-align: center;
    line-height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 40px;
}

.selectPart{
    display: flex;
    align-items: center;
    margin:20px 0 30px 0;
}
.selectItem{
    flex:1;
    margin-left: 20px;
}
.selectIcon{
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #999999;  
}
.actived{
    background: #0B820E;
}

.noticeTit{
    width: 298px;
    height: 32px;
    background: #F9F9F9;
    border-top:1px solid #e2e2e2;
    text-align: center;
    line-height: 32px;
}
.noticeTitTex{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #0B820E !important;
}
.noticeList{
    padding:0 15px;
}
.noticeList li{
    display: flex;
    align-items: center;
    width: 260px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #0B820E;
    line-height: 32px;

}
.noticeList li a{
    display: inline-block;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.noticeIcon{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #0B820E;
    margin-right: 10px;
}
/* 商城产品 */
.mallMixArea{
    display: flex;
    justify-content: space-between;
}
.mallArea{
    display: flex;
    flex-direction: column;
    flex:1;
}
.mallTit{
    width: 870px;
    height: 50px;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #0B820E;
}
.mallTitTex{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #0B820E;
    line-height: 34px;
}
.mallSubTex{
    display: flex;
}
.subHref{
    padding:0 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 34px;
}
.mallCon{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mallItem{
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    margin-top: 15px;
}
.mallItem img{
    width: 200px;
    height: 135px;
    background: #272727;
}
.mallItemDown{
    width: 180px;
    height: 60px;
    background: #F5F5F5;
    padding: 0 10px;
}

.mallImgTit{
    width: 180px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
}
.price{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #FF0000;
}
.compamyArea{
    width: 280px;
    padding:10px;
    height: 460px;
    box-sizing: border-box;
    border: 1px solid #C1C1C1;
}
.companyTit{
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}
.companyTex{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #0B820E;
}
.more{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color:#666;
}
.companyList{

}
.companyList li{
    display: flex;
    align-items: center;

}
.companyList li a{
    width: 220px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.companyIcon{
    display: inline-block;
    width: 32px;
    height: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 18px;
    font-style: normal;
}
.comIconBg{
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    background: #0B820E;
    border-radius: 50%;
    margin-right: 13px;
}

/* 数字乡村 */
.villageMixArea{
    display: flex;
    justify-content: space-between;
}
.villageLf{
    width: 800px;
    padding:0 15px;
    height: 540px;
    box-sizing: border-box;
    border:1px solid #e2e2e2;
    display: flex;
    flex-direction: column;
}
.villageTit{
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
}
.villageSub a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    padding:0 10px;
    line-height: 50px;
    display: inline-block;
}
.villageTex{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #0B820E;
    padding:0 10px;
    border-bottom: 2px solid #0B820E;
    line-height: 50px;
}
.villMore{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666;
}
.villageCon{
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}
.vilBArea{

}
.vilBArea img{
    width:340px;
    height:220px
}
.vilBImgTit{
    width: 300px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 34px; 
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap;
}
.villageConLf{
    width: 340px;
}
.villDown{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.villDownItem{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.villDownItem img{
    width: 165px;
    height: 105px;
    border-radius: 5px;

}
.vilSImgTit{
    width: 160px;
    height: 50px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.villageConCe{
    width: 400px;
}
.villageList{

}

.activeLi{
    border-bottom: 1px dashed #e2e2e2;
}
.vilTit{
    width: 400px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vilItemDes{
    width: 400px;
    height: 75px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #808080;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-bottom: 10px;
}

.normalLi{
    width: 380px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.villageRg{
    width: 385px;
    padding:0 15px;
    height: 535px;
    box-sizing: border-box;
    border:1px solid #e2e2e2;
}
.businessList{

}
.busItem{
    display: flex;
    padding:10px 0;
    border-bottom: 1px solid #e2e2e2;
}
.busItem img{
    width: 160px;
    height: 100px;
}
.busItemRg{
    display: flex;
    flex-direction: column;
    width: 180px;
    margin-left: 15px;
}
.busImgTit{
    width: 180px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #0b820e;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.busImgDes{
    width:180px;
    height: 50px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #808080;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* 招商合作 */
.investArea{
    margin-top:20px;
}
.investTit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background: #F9F9F9;
    border-top:2px solid #0B820E;
}
.investTitTex{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #0B820E;
    line-height: 50px;
}
.investCon{
    margin-top:20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.investItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}
.investItem img{
    width: 225px;
    box-sizing: border-box;
    border:1px solid #e2e2e2;
}
.investItemTit{
    width: 192px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #4E494D;
    line-height: 46px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* <!--技术 招聘 展会 --> */
.tradeMixArea{
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}
.tradeCatCon{
    width: 380px;
    height: 255px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
}
.sameTit{
    width: 98%;
    height: 50px;
    background: #FBFBFB;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.sameTitTex{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 34px;
    padding:0 10px;
    border-top:2px solid #0B820E;
    line-height: 50px;
}
.sameMore{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 34px;
}
.tradeList{
    padding:0 15px;
}
.tradeList li{
    width: 340px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 39px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 农业视频 */
.videoArea{

}
.videoCon{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.videoItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 285px;
    height: 270px;
    box-sizing: border-box;
    border:1px solid #e2e2e2;
    margin-top:20px;
}
.videoItem img{
    width: 285px;
    height: 185px;
}
.videoTit{
    width: 247px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.line{
    width: 240px;
    height: 1px;
    background: #CACACA;
    margin-top: 5px;
}

.checkDetail{
    width: 69px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999999 !important;
    line-height: 34px;
}
.signArea{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    height: 120px;
    border-top: 2px solid #0B820E;
    margin-top: 50px;
}